<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="author" content="order by dede58.com"/>
    <title>我的购物车-小米商城</title>
    <link rel="stylesheet" type="text/css" href="/css/style.css">
    <link type="text/css" rel="styleSheet" href="/css/bootstrap.css"/>
    <script type="text/javascript" src="/js/jquery-3.2.1.js"></script>
</head>
<body>
<!-- start header -->
<!--end header -->

<!-- start banner_x -->
<div class="banner_x center">
    <a href="/buyer/index">
        <div class="logo fl"></div>
    </a>

    <div class="wdgwc fl ml40">我的购物车</div>
    <div class="wxts fl ml20">温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</div>
    <div class="dlzc fr">
        <ul>
            <li><c:if test="${loginInfo!=null}"><a href="/buyer/selfInfo">欢迎${loginInfo.loginName}</a></c:if><c:if test="${loginInfo eq null}"><a href="/login.jsp">登录</a></c:if></li>
            <li>|</li>
            <li><c:if test="${loginInfo!=null}"><a href="/logout">注销</a></c:if><c:if test="${loginInfo eq null}"><a href="/register">注册</a></c:if></li>
            <li>|</li>
            <li><a href="">消息通知</a></li>
        </ul>

    </div>
    <div class="clear"></div>
</div>
<div class="xiantiao"></div>
<div class="gwcxqbj">
    <div class="gwcxd center">
        <div class="top2 center">
            <div class="sub_top fl">
                <input type="checkbox" value="quanxuan" class="quanxuan"/>全选
            </div>
            <div class="sub_top fl">商品名称</div>
            <div class="sub_top fl">单价</div>
            <div class="sub_top fl">数量</div>
            <div class="sub_top fl">小计</div>
            <div class="sub_top fr">操作</div>
            <div class="clear"></div>
        </div>
        <c:forEach items="${cartList}" var="list">
            <div class="content2 center">
                <div class="sub_content fl ">
                    <input type="checkbox" value="quanxuan" class="quanxuan"/>
                </div>
                <div class="sub_content fl"><img src="/image/${list.product.fileImg}" height="80px" width="80px"></div>
                <div class="sub_content fl ft20">${list.product.name}</div>
                <div class="sub_content fl ">${list.product.price}元</div>
                <div class="sub_content fl">
                    <input class="shuliang" type="number" value="1" step="1" min="1">
                </div>
                <div class="sub_content fl">${list.product.price}元</div>
                <div class="sub_content fl"><a href="/buyer/deleteCart/${list.id}">×</a></div>
                <div class="clear"></div>
            </div>
        </c:forEach>
        <div style="">
            <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li>
                        <a href="javascript:void(0)">
                            <span>当前第 ${cartPageInfo.pageNum} 页</span><!-- &laquo; -->
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span onclick="firstPage(${cartPageInfo.pageSize})">首页</span><!-- &laquo; -->
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" aria-label="Previous">
                            <span onclick="pre(${cartPageInfo.pageNum},${cartPageInfo.pageSize})">上一页</span><!-- &laquo; -->
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" aria-label="Next">
                            <span onclick="next(${cartPageInfo.pageNum},${cartPageInfo.pageSize},${cartPageInfo.endRow})">下一页</span><%--&raquo;--%>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <span onclick="lastPage(${cartPageInfo.pages},${cartPageInfo.pageSize})">末页</span><!-- &laquo; -->
                        </a>
                    </li>
                </ul>
            </nav>
        </div>

    </div>
    <div class="jiesuandan mt20 center">
        <div class="tishi fl ml20">
            <ul>
                <li><a href="/buyer/list">继续购物</a></li>
                <li>|</li>
                <li>共<span>2</span>件商品，已选择<span>1</span>件</li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="jiesuan fr">
            <div class="jiesuanjiage fl">合计（不含运费）：<span>${sum}.00元</span></div>
            <div class="jsanniu fr"><input class="jsan" type="submit" onclick="topay()" value="去结算"/></div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>

</div>


<!-- footer -->
<footer class="center">

    <div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
    <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
    <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
</footer>
<script type="text/javascript">
    // jQuery传参时需传递具体的对象属性值
    function next(pageNum,pageSize,endRow) {
        if(pageNum==endRow)     pageNum=pageNum;
        else    pageNum+=1;
        window.location.href="/buyer/car/"+pageNum;
    }

    function pre(pageNum,pageSize) {
        if(pageNum==1)     pageNum=pageNum;
        else    pageNum-=1;
        window.location.href="/buyer/car/"+pageNum;
    }

    function firstPage(pageSize){
        window.location.href="/buyer/car/"+1;
    }

    function lastPage(pages,pageSize){
        window.location.href="/buyer/car/"+pages;
    }

    function topay(){
        window.location.href="/buyer/topay";
    }
</script>
</body>
</html>
